<script setup lang="ts">
import { ref } from 'vue'
import { Message } from 'element-ui'

const tableData = ref([])

const inputData = (data) => {
  tableData.value = data
}

defineExpose({
  inputData,
})
</script>

<template>
  <div class="fill-table">
    <el-table :data="tableData" border>
      <el-table-column prop="time" label="月报时间">
        <template #default="scope">
          {{ scope.row.year + '年' }}-{{ scope.row.month + '月' }}
        </template>
      </el-table-column>
      <el-table-column prop="projectName" label="入统项目名称">
      </el-table-column>
      <el-table-column prop="projectNo" label="入统行业代码"> </el-table-column>
      <el-table-column
        prop="totalInvestment"
        label="其中：累计入统金额（亿元）"
      >
      </el-table-column>
      <el-table-column prop="addInvestment" label="年初截至本月入统金额">
      </el-table-column>
    </el-table>
  </div>
</template>

<style scoped lang="scss">
.fill-table {
  position: relative;

  .fill-buttons {
    position: absolute;
    top: -40px;
    right: 16px;

    .danger-color {
      color: #f78989;
    }
  }
}
</style>
